body {
   font-family: Arial;
   max-width: 8.5in;
   margin-left: 1em;
}
.image {
   padding-left: 2em;
   padding-right: 2em;
}
.tooltip {
   background-color: rgb(200,200,200);
   opacity: 0.75;
   padding: 3px;
}
.tooltip > span {
   opacity: 1;
}
[property=annotation] {
   margin-top: 1em;
   border: 1px solid rgb(200,200,200);
   padding: 0.2em;
}

[property=annotation] [property=description] {
   font-size: 1em;
   background-color: rgb(200,200,200);
   color: rgb(255,100,0);
   padding: 0.2em 0.2em 0.2em 0.2em;
   margin-top: 0px;
   margin-bottom: 0.2em;
}

[property=annotation] [property=text] {
   font-size: 0.8em;
   background-color: rgb(100,100,100);
   color: rgb(255,255,255);
   padding: 0.5em 0.5em 0.5em 0.5em;
   margin-top: 0px;
   margin-bottom: 0px;
   max-width: 18em;
}

[property=annotation] [property=region] {
   color: rgb(255,100,0);
}

[typeof="Person/Ref"] {
   display: inline-block;
   text-decoration: underline;
   color: rgb(255,100,0);
}

.person-ref-display {
   position: absolute;
   border: 1px solid rgb(200,200,200);
   padding: 0.5em 0.5em 0.5em 0.5em;
   min-height: 2em;
   min-width: 2em;
   background-color: white;
}

.person-ref-display p {
   padding: 0px;
   margin-top: 0px;
   margin-bottom: 0.2em;
}

.person-ref-display .close {
   float: right;
}

.person-ref-display img {
   vertical-align: middle;
}